<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../vue.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div id="app">
            <div
                :style="{color: color, fontSize: size, background: isRed ? '#00FF00' : ''}">
                hi vue
            </div>
        </div>
        <script type="text/javascript">
            var app = new Vue({
                el: '#app',
                data: {
                    color: "#FF0000",
                    size: '50px',
                    isRed: true
                }
            })
        </script>
        <style type="text/css">
        </style>
    </body>
</html>